<template>
    <div class="neirong">
      <div class="neirong1">
            <BIAOGE></BIAOGE>
            <component :is="clicked">
            </component>
            <MAP></MAP>
            <YIXUAN></YIXUAN>
      </div>
      <div class="neirong2">
            <component :is="clicked1">
            </component>
            <component :is="clicked2">
            </component>           
      </div>
 </div>
</template>

<script>
import MAP from "@/components/henan地图.vue"
import ZHEXIANTU from "@/components/总体折线图.vue"
import CZHEXIANTU from "@/components/拆分折线图.vue"
import MEIGUITU from "@/components/动态玫瑰图.vue"
import YIXUAN from "@/components/已选.vue"
import BIAOGE from "@/components/表格.vue"
import ZHUZHUANGTU from "@/components/总体柱状图.vue"
import JMEIGUITU from "@/components/静态玫瑰图.vue"
import CZHUZHUANGTU from "@/components/拆分柱状图.vue"
    export default {
        name: "",
        data() {
            return {
            }
        },
        computed:{
          clicked(){
            return this.$store.state.clicked
          },
          clicked1(){
            return this.$store.state.clicked1
          },
          clicked2(){
            return this.$store.state.clicked2
          }
        },
        components:{
            MAP,
          ZHEXIANTU,
          MEIGUITU,
          YIXUAN,
          BIAOGE,
          ZHUZHUANGTU,
          JMEIGUITU,
          CZHUZHUANGTU,
          CZHEXIANTU,
        },
        methods:{
          
        },
    }
</script>

<style lang="scss" scoped>
.neirong{
  margin: auto;
  width: 1400px;
  .neirong1,.neirong2{
    background-color: white;
    margin-right:8px ;
    width: 690px;
    height: 700px;
    float: left;
  }
}



</style>